<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>院校就业情况</title>
<base href="<%=basePath%>">
<!-- start: CSS -->
<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link id="base-style" href="css/style.css" rel="stylesheet">
<link id="base-style-responsive" href="css/style-responsive.css"
	rel="stylesheet">
<!-- end: CSS -->
	<!-- start: JavaScript-->

	<script src="js/jquery-1.9.1.min.js"></script>
	<script src="js/jquery-migrate-1.0.0.min.js"></script>

	<script src="js/jquery-ui-1.10.0.custom.min.js"></script>

	<script src="js/jquery.ui.touch-punch.js"></script>

	<script src="js/modernizr.js"></script>

	<script src="js/bootstrap.min.js"></script>

	<script src="js/jquery.cookie.js"></script>

	<script src='js/fullcalendar.min.js'></script>

	<script src='js/jquery.dataTables.min.js'></script>

	<script src="js/excanvas.js"></script>
	<script src="js/jquery.flot.js"></script>
	<script src="js/jquery.flot.pie.js"></script>
	<script src="js/jquery.flot.stack.js"></script>
	<script src="js/jquery.flot.resize.min.js"></script>

	<script src="js/jquery.chosen.min.js"></script>

	<script src="js/jquery.uniform.min.js"></script>

	<script src="js/jquery.cleditor.min.js"></script>

	<script src="js/jquery.noty.js"></script>

	<script src="js/jquery.elfinder.min.js"></script>

	<script src="js/jquery.raty.min.js"></script>

	<script src="js/jquery.iphone.toggle.js"></script>

	<script src="js/jquery.uploadify-3.1.min.js"></script>

	<script src="js/jquery.gritter.min.js"></script>

	<script src="js/jquery.imagesloaded.js"></script>

	<script src="js/jquery.masonry.min.js"></script>

	<script src="js/jquery.knob.modified.js"></script>

	<script src="js/jquery.sparkline.min.js"></script>

	<script src="js/counter.js"></script>

	<script src="js/retina.js"></script>

	<script src="js/custom.js"></script>
	<script src="js/echarts.min.js"></script>
	<script src="page/pagetool.js"></script>
	<!-- end: JavaScript-->


<script type="text/javascript">
	var pageNum = 1;
	
	$(function(){
		pageNum = setPage(pageNum, 1, "");
	})
	function keydown(){
		if (event.keyCode == 13)
			search();
	}
	
	function search() { //模糊查询
		var schname = $("#findname").val();
		if (schname == "")
			alert("请输入");
		$.ajax({
			url : "",
			type : "post",
			dataType : "json",
			data : {"name" : schname},
			success : function(data) {
				$.each(data, function(index, schinfo) {
					var schoolin = $(".template").clone();
					schoolin.removeClass("template");
					schoolin.removeAttr("style");
					schoolin.attr("id",num+1+"f")
					schoolin.find("#schname").text();
					schoolin.find("#stuCountl").text();
					schoolin.find("#employRate").text();
					$("#" + num + "f").after(schoolin);
					num++;

				})
			}
		})
	}
</script>
</head>
<body>


	<div class="container-fluid-full">
		<div class="row-fluid">
			<!-- start: Header -->
			<jsp:include page="header.jsp"></jsp:include>
			<!-- start: Header -->

			<jsp:include page="sidebar.jsp"></jsp:include>

			<!-- start: Content -->
			<!-- start: 主体 -->
			<div id="content" class="span10">
				<ul class="breadcrumb">
					<li><i class="icon-home"></i> <a href="index.jsp">Home</a> <i
						class="icon-angle-right"></i></li>
					<li>院校就业查询</li>
				</ul>


				<div class="row-fluid">
					<!--start写在这里-->

					<div class="box span12">
						<div class="box-header">
							<h2>
								<i class="halflings-icon white align-justify"></i><span
									class="break"></span>院校就业信息
							</h2>
						</div>
						<div class="box-content">
							<div align="right">
								<input type="text" id="findname" placeholder="请输入学校全称，支持模糊查询" onkeydown="keydown()"/>
								<button class="btn btn-success" onclick="search()">搜索</button>
							</div>
							<table class="table table-striped table-bordered bootstrap-datatable">
								<thead>
									<tr>
										<th>学校</th>
										<th>统计人数</th>
										<th>就业率</th>
									</tr>
								</thead>
								<tbody>
									<tr class="template" style="display: none;">
										<td id="schname">南京烽火</td>
										<td class="center" id="stuCountl">Java研发</td>
										<td class="center" id="employRate">通过</td>
									</tr>

								</tbody>
							</table>
							<jsp:include page="page/pagetool.jsp"></jsp:include>
						</div>
					</div>

				</div>


			</div>

			<!-- end: Content -->
			<!-- end: 主体结束 -->
		</div>
		<!--/#content.span10-->
	</div>
	<!--/fluid-row-->
	<jsp:include page="footer.jsp"></jsp:include>


</body>
</html>